{% extends "base.html" %}
{% block body %}
    {% include "nav.html" %}
    <link rel="stylesheet" href="{{ url_for('static',filename='css/menu_elastic.css') }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='css/normalize.css') }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='css/font-awesome.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='css/demo.css') }}">
    <script src="{{ url_for('static',filename='js/snap.svg-min.js') }}"></script>
    <style type="text/css">
    .navbar {
        margin-bottom:0;
    }

    body .container {
        padding:0;
    }

    .navbar.navbar-default .container {
        padding:0 15px;
    }

    .content-wrap {
        overflow: hidden;
    }

    </style>
		<div class="container">
			<div class="menu-wrap">
				<nav class="menu">
					<div class="icon-list">
						<a href="#" url="/admin/event"><span class="glyphicon glyphicon-home" aria-hidden="true"></span><span>活动管理</span></a>
						<a href="#" url="/admin/user"><span class="glyphicon glyphicon-user" aria-hidden="true"></span><span>小组管理</span></a>
					</div>
				</nav>
				<button class="close-button" id="close-button">Close Menu</button>
				<div class="morph-shape" id="morph-shape" data-morph-open="M-1,0h101c0,0,0-1,0,395c0,404,0,405,0,405H-1V0z">
					<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 800" preserveAspectRatio="none">
						<path d="M-1,0h101c0,0-97.833,153.603-97.833,396.167C2.167,627.579,100,800,100,800H-1V0z"/>
					</svg>
				</div>
			</div>
			<button class="menu-button" id="open-button">Open Menu</button>
			<div class="content-wrap">
				<div class="content">
					<header class="codrops-header">
                        <iframe src="/admin/event" style="overflow:none;width:100%;height:700px;" frameborder="0" id="BaseIframe"></iframe>
					</header>
				</div>
			</div><!-- /content-wrap -->
		</div><!-- /container -->

    <script type="application/javascript">
        $(document).ready(function(){
            $(".icon-list").on("click","a",function(){
                $("#BaseIframe").attr("src",$(this).attr("url"));
                $("#close-button").click();
            });
        });
    </script>
    <script src="{{ url_for('static', filename='js/classie.js') }}"  type="text/javascript"></script>
    <script src="{{ url_for('static', filename='js/main3.js') }}"  type="text/javascript"></script>
{% endblock %}